<template>
	<el-menu 
		:router="true" 
		active-text-color="#3399FF" 
		class="el-menu-vertical-demo" 
		:default-active="$route.path">
		<el-menu-item index="/">
			<i class="el-icon-s-home"></i>
			<span slot="title">首页</span>
		</el-menu-item>
		<el-submenu index="4">
			<template slot="title">
				<i class="el-icon-s-tools"></i>
				<span slot="title">系统设置</span>
			</template>
			<el-menu-item index="/system/password">修改密码</el-menu-item>
		</el-submenu>
	</el-menu>
</template>

<script>
export default {
	data () {
		return {

		}
	},
	methods:{
		activeMenu:function(path){
			console.log(path);
		}
	}
}
</script>

<style lang="scss" scoped>
	.el-menu-vertical-demo:not(.el-menu--collapse) {
		min-width: 200px;
		min-height: calc(100vh - 65px);
	}
</style>